
<template>
	<div class="header-week">
		<h3 class="week-h3">周未去哪儿</h3>
		<div class="week-item" v-for="(item,index) in weekList" :key="index">
			<img :src="item.imgURL">
			<aside>
				<p>{{item.txt}}</p>
				<label>{{item.wektil}}</label>
			</aside>
		</div>
	</div>
</template>

<script>
	export default{
		props:['weekList'],
		data(){
			return{
				/* weekList : [
					{id:1 , imgURL:require('@/assets/img/week01.jpg'),wektil:'人人都有一双发现没的眼睛，身边的事物最..',txt:'清远周边游'},
					{id:2 , imgURL:require('@/assets/img/week02.jpg'),wektil:'南国滨海之城，避寒胜地，有暖暖的阳光，..',txt:'清远周边游'},
					{id:3 , imgURL:require('@/assets/img/week03.jpg'),wektil:'解压之地，放松自己，来一段轻松的旅游。',txt:'清远周边游'},
					{id:4 , imgURL:require('@/assets/img/week04.jpg'),wektil:'感受现代与传统相融的广州',txt:'清远周边游'},
					{id:5 , imgURL:require('@/assets/img/week05.jpg'),wektil:'这里的天空和大海让人心旷神怡，配上舒缓..',txt:'清远周边游'},
					
				] */
			}
		}
	}
</script>

<style scoped>
	
	.header-week{
		width: 100%;
		font-size: 0.26rem;
	}
	.week-h3{
		padding: 0.2rem;
	}
	.header-week h3{
		padding-left: 0.2rem;
		font-size: 0.42rem;
	}
	.week-item {
		width: 100%;
		background-color: white;
		
	}
	.week-item img{
		width: 100%;
	}
	.week-item aside{
		padding: 0.4rem 0;
		margin-left: 0.2rem;
	}
	.week-item aside p{
		font-size: 0.4rem;
		margin-bottom: 0.2rem;
	}
	.week-item aside label{
		display: inline-block;
		width: 70%;
	}
	.week-item aside label{
		display: inline-block;
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
